<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01多列</title>
    <style>
        #app {
            margin: auto;
            width: 800px;
            border: 1px solid #cccccc;
            padding: 20px;
            border-radius: 10px;
            /*column-width: 300px;*/
            column-count: 2;
        }
    </style>
</head>
<body>

<div id="app">
    <h1>美帝吓尿了俄熊吓哭了</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto aspernatur cumque debitis deserunt dolorem eos excepturi expedita illo magnam tempore. Accusamus animi doloribus illum iure laboriosam odio, praesentium quod ut.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias consectetur molestiae non officia repellat! Aut delectus dicta distinctio eveniet itaque labore laborum minus officia, perferendis quasi quod velit. Dicta harum, hic libero magnam porro tempora? Blanditiis, consectetur consequuntur dolores ducimus eos et, explicabo harum iusto libero magni quod sed voluptate.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto cum eaque enim est impedit inventore, iste iure, minus possimus, quas quasi quidem quis quisquam repudiandae rerum sed similique ut voluptate voluptates voluptatum. Aut, commodi dolor earum eveniet facilis harum nihil pariatur soluta unde vero! Accusantium aliquid atque corporis, cupiditate deserunt dignissimos dolor earum eos error est et in incidunt inventore iste iure magnam, magni nesciunt nobis obcaecati quasi qui quia unde! Ab ex fugit inventore molestiae quidem quod rerum ut voluptatem voluptatum. Accusamus ex, fuga itaque iure libero nemo? Ad delectus dolorum iure nobis omnis possimus quidem voluptate. Ipsum mollitia nesciunt quibusdam ratione ut vitae? Animi dolorum eum excepturi nulla ratione sapiente. A facere id inventore magnam minima nobis numquam officia quidem quis totam, unde voluptas. At culpa cumque cupiditate delectus deleniti ea esse excepturi fugiat hic ipsa iusto magni maxime molestiae nam, nesciunt nisi nulla omnis, optio perferendis quam similique sunt ullam voluptate? Doloremque doloribus, enim error eum facilis fugit, ipsum laudantium officia optio perferendis quaerat quam quo saepe velit voluptate! Aut beatae doloremque dolorum, labore placeat provident velit?</p>
</div>

</body>
</html>